<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- 引入 jQuery Mobile 样式 -->
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

	<!-- 引入 jQuery 库 -->
	<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

	<!-- 引入 jQuery Mobile 库 -->
	<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

	<link rel="stylesheet" type="text/css" href="css/zhuye.css">
</head>
<body>
	<section id="page" data-role="page">
		<header data-role="header"  data-theme="b">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-search ui-btn-icon-left ui-btn-icon-notext"></a>
			<!-- ui-corner-all ui-shadow ui-icon-search -->
			<div class="middle">
				<img src="img/电脑.png" >
				<li>电脑端登录</li>
			</div>
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-plus ui-btn-right ui-btn-icon-notext" id="plus"></a>
		</header><!-- /header -->

		<article data-role="content" class="ui-content">
			<div class="ui-grid-a">
			<div class="list">
				<p>今日入库：<a href="#">50</a></p>
				<p>今日出库：<a href="#">50</a></p>

			</div>
			<div class="list">
				<p>库存不足：<a href="#">0</a></p>
				<p>库存过多：<a href="#">20</a></p>
			</div>
			</div>
		</article>
		<article data-role="content" class="ui-content">
			<div class="ui-grid-b">
				<div class="ui-block-a">
					<img src="img/编辑.png">
					<p>新增入库</p>
				</div>
				<div class="ui-block-b">
					<img src="img/上传.png">
					<p>新增出库</p>
				</div>
				<div class="ui-block-c">
					<img src="img/账单.png">
					<p>新增货品</p>
				</div>
			</div>
		</article>
		<article data-role="content" class="ui-content">
			<div class="trends">新动态</div>
			<div class="news">
				<p class="newsone"><img src="img/公告 (1).png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告 (1).png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告 (1).png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div><br />
			<div class="news">
				<p class="newsone"><img src="img/公告.png">您的仓库出库了300件男士格子衬衫</p>
				<p class="newstime">9:09</p>
			</div>
		</article>

		<footer data-role="footer" data-position="fixed">
			<div class="ui-grid-c">
				<div class="ui-block-a">
					<img src="img/房子.png">
					<p style="color: #1E90FF">仓库管理</p>
				</div>
				<div class="ui-block-b" onclick="window.location.href='in.html'">
					<img src="img/数据图.png">
					<p>入库时间</p>
				</div>
				<div class="ui-block-c" onclick="window.location.href='out.html'">
					<img src="img/硬币.png">
					<p>出库时间</p>
				</div>
				<div class="ui-block-d"  onclick="window.location.href='me.html'">
					<img src="img/设置.png">
					<p>我的</p>
				</div>
			</div>	
		</footer><!-- /footer -->
		
	</section><!-- /page -->
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>
</html>